<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="utf-8">
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>

<body>
    <div id="app">
        <div id="example-1">
            <!-- 在“change”时而非“input”时更新 -->
            <input v-model.lazy="msg">
            {{msg}}
        </div>
        <div id="example-1">
            <!-- 在“change”时而非“input”时更新 -->
            <input v-model.lazy="msg">
            {{msg}}
        </div>
        <div id="example-3">
            <!-- 在“change”时而非“input”时更新 -->
            <input v-model.trim="tableblank">
            {{tableblank}}
        </div>
    </div>

    <script type="text/javascript">
        new Vue({
            el: '#example-1',
            data: {
                msg: 'teng'
            }
        });
        new Vue({
            el: '#example-3',
            data: {
                tableblank: '自动过滤空白字符！'
            }
        });
    </script>

    <style type="text/css">


    </style>

</body>

</html>